home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 1843 / 1843.xpi / skin / classic / panelbase.css < prev    next >
Cascading Style Sheet File  |  2010-01-04  |  10KB  |  472 lines
  1. /* See license.txt for terms of usage */
  2.  
  3. html {
  4.     background-color: -moz-dialog;
  5. }
  6.  
  7. body {
  8.     margin: 0;
  9.     overflow: hidden;
  10.     font-family: Lucida Grande, Tahoma, sans-serif;
  11.     font-size: 11px;
  12. }
  13.  
  14. h1 {
  15.     font-size: 17px;
  16.     border-bottom: 1px solid threedlightshadow;
  17. }
  18.  
  19. a {
  20.     color: #0000ff;
  21. }
  22.  
  23. pre {
  24.     margin: 0;
  25.     font: inherit;
  26. }
  27.  
  28. code {
  29.     display:block;
  30.     white-space:pre;
  31. }
  32.  
  33. /************************************************************************************************/
  34.  
  35. .jumpHighlight {
  36.     background-color: cyan;
  37. }
  38.  
  39. /************************************************************************************************/
  40.  
  41. .collapsed,
  42. [collapsed="true"] {
  43.     display: none;
  44. }
  45.  
  46. .obscured {
  47.     left: -999999px !important;
  48. }
  49.  
  50. .measureBox {
  51.     position: absolute;
  52.     visibility: hidden;
  53.     top: 0;
  54.     left: 0;
  55.     white-space: nowrap;
  56. }
  57.  
  58. /************************************************************************************************/
  59.  
  60. .panelNode {
  61.     display: none;
  62.     overflow: auto;
  63.     position: absolute;
  64.     width: 100%;
  65.     height: 100%;
  66.     left: 0;
  67.     top: 0;
  68.     background-color: #FFFFFF;
  69.     color: #000000;
  70. }
  71.  
  72. .panelNode[active="true"] {
  73.     display: block;
  74. }
  75.  
  76. .pluginBrowser {
  77.     position: absolute;
  78.     width: 100%;
  79.     height: 100%;
  80.     left: 0;
  81.     top: 0;
  82.     margin: 0;
  83.     border: none;
  84. }
  85.  
  86. /************************************************************************************************/
  87.  
  88. .dialogBox {
  89.     position: relative;
  90.     margin: 4em auto;
  91.     border: 1px solid threedshadow;
  92.     -moz-border-radius: 10px;
  93.     padding: 20px 30px 30px 90px;
  94.     background: -moz-field url(chrome://firebug/skin/firebug32.png) no-repeat 30px 30px;
  95.     color: -moz-fieldText;
  96.     font: message-box;
  97.     min-width: 13em;
  98.     max-width: 48em;
  99. }
  100.  
  101. .dialogCaption {
  102.     font-size: 130%;
  103. }
  104.  
  105. .dialogRow {
  106.     margin: 8px 0;
  107.     font-size: 13px;
  108. }
  109.  
  110. .dialogLink:hover {
  111.     text-decoration: underline;
  112. }
  113.  
  114. .disabledCaption {
  115.     display: none;
  116. }
  117.  
  118. .cantDisplayPage > .dialogCaption {
  119.     display: block;
  120. }
  121.  
  122. .cantDisplayPage > .dialogRow {
  123.     display: none;
  124. }
  125.  
  126. /************************************************************************************************/
  127.  
  128. #trialBox {
  129.     z-index: 2147483647;
  130.     position: absolute;
  131.     top: 0;
  132.     left: 0;
  133.     width: 100%;
  134.     height: 100%;
  135.     background-color: -moz-dialog;
  136. }
  137.  
  138. /************************************************************************************************/
  139.  
  140. .inlineEditor,
  141. .fixedWidthEditor {
  142.     z-index: 2147483647;
  143.     position: absolute;
  144. }
  145.  
  146. .inlineEditor {
  147.     margin-left: -6px;
  148.     margin-top: -3px;
  149. }
  150.  
  151. .textEditorInner,
  152. .fixedWidthEditor {
  153.     margin: 0 0 0 0 !important;
  154.     padding: 0;
  155.     border: none !important;
  156.     font: inherit;
  157.     text-decoration: inherit;
  158.     background-color: #FFFFFF;
  159. }
  160.  
  161. .fixedWidthEditor {
  162.     border-top: 1px solid #888888 !important;
  163.     border-bottom: 1px solid #888888 !important;
  164. }
  165.  
  166. .textEditorInner {
  167.     position: relative;
  168.     top: -7px;
  169.     left: -5px;
  170. }
  171.  
  172. .textEditorInner1 {
  173.     padding-left: 11px;
  174.     background: url(textEditorBorders.png) repeat-y;
  175. }
  176.  
  177. .textEditorInner2 {
  178.     position: relative;
  179.     padding-right: 2px;
  180.     background: url(textEditorBorders.png) repeat-y 100% 0;
  181. }
  182.  
  183. .textEditorTop1 {
  184.     background: url(textEditorCorners.png) no-repeat 100% 0;
  185.     margin-left: 11px;
  186.     height: 10px;
  187. }
  188.  
  189. .textEditorTop2 {
  190.     position: relative;
  191.     left: -11px;
  192.     width: 11px;
  193.     height: 10px;
  194.     background: url(textEditorCorners.png) no-repeat;
  195. }
  196.  
  197. .textEditorBottom1 {
  198.     position: relative;
  199.     background: url(textEditorCorners.png) no-repeat 100% 100%;
  200.     margin-left: 11px;
  201.     height: 12px;
  202. }
  203.  
  204. .textEditorBottom2 {
  205.     position: relative;
  206.     left: -11px;
  207.     width: 11px;
  208.     height: 12px;
  209.     background: url(textEditorCorners.png) no-repeat 0 100%;
  210. }
  211.  
  212. /************************************************************************************************/
  213.  
  214. .infoTip {
  215.     z-index: 2147483647;
  216.     position: fixed;
  217.     padding: 2px 3px;
  218.     border: 1px solid #CBE087;
  219.     background: LightYellow;
  220.     font-family: Monaco, monospace;
  221.     color: #000000;
  222.     display: none;
  223.     white-space: nowrap;
  224.     pointer-events: none;
  225. }
  226.  
  227. .infoTip[active="true"] {
  228.     display: block;
  229. }
  230.  
  231. .infoTipLoading {
  232.     width: 16px;
  233.     height: 16px;
  234.     background: url(chrome://firebug/skin/loading_16.gif) no-repeat;
  235. }
  236.  
  237. .infoTipImageBox {
  238.     min-width: 100px;
  239.     text-align: center;
  240. }
  241.  
  242. .infoTipCaption {
  243.     font: message-box;
  244. }
  245.  
  246. .infoTipLoading > .infoTipImage,
  247. .infoTipLoading > .infoTipCaption {
  248.     display: none;
  249. }
  250.  
  251. /************************************************************************************************/
  252.  
  253. h1.groupHeader {
  254.     padding: 2px 4px;
  255.     margin: 0 0 4px 0;
  256.     border-top: 1px solid #CCCCCC;
  257.     border-bottom: 1px solid #CCCCCC;
  258.     background: url(chrome://firebug/skin/group.gif) repeat-x #FFFFFF;
  259.     font-size: inherit;
  260. }
  261.  
  262. /************************************************************************************************/
  263.  
  264. .fullPanelEditor {
  265.     z-index: 2147483647;
  266.     position: fixed;
  267.     left: 0 !important;
  268.     top: 0 !important;
  269.     right: 0 !important;
  270.     bottom: 0 !important;
  271.     width: 100% !important;
  272.     height: 100% !important;
  273.     margin: 0;
  274.     border: none;
  275.     /* padding-left: 8px; XXXjjb issue 1317 Causes the scrollbar on long sources to be hidden under the divider */
  276.     font-family: Monaco, monospace;
  277.     font-size: Inherit;
  278. }
  279.  
  280. /************************************************************************************************/
  281.  
  282. .disabledPanelBox {
  283.     width: 100%;
  284.     position: relative;
  285.     padding: 10px 10px 0px 90px;
  286.     background: -moz-field url(chrome://firebug/skin/firebug32.png) no-repeat 30px 30px;
  287.     color: -moz-fieldText;
  288.     font: message-box;
  289. }
  290.  
  291. .disabledPanelLink:hover {
  292.     text-decoration: underline;
  293.     cursor: pointer;
  294. }
  295.  
  296. .disabledPanelDescription {
  297.     margin: 8px 0;
  298.     font-size: 13px;
  299.     width: 75%;
  300. }
  301.  
  302. .disabledPanelDescription.applyDesc{
  303.     font-size: 11px;
  304.     color: gray;
  305. }
  306.  
  307. .disabledPanelApplyButton .host {
  308.     color: blue;
  309. }
  310.  
  311. .disabledPanelBox .descImage {
  312.     margin-top: 5px;
  313.     margin-left: 0;
  314.     margin-bottom: 5px;
  315.     vertical-align: middle;
  316.     height: 20px;
  317.     width: 100px;
  318.     display: inline-block;
  319.     background-repeat: no-repeat;
  320. }
  321.  
  322. .disabledPanelBox .descImage-console {
  323.     background-image: url(chrome://firebug/skin/activation-menu-console.png);
  324. }
  325.  
  326. .disabledPanelBox .descImage-script {
  327.     background-image: url(chrome://firebug/skin/activation-menu-script.png);
  328. }
  329.  
  330. .disabledPanelBox .descImage-net {
  331.     background-image: url(chrome://firebug/skin/activation-menu-net.png);
  332. }
  333.  
  334. /************************************************************************************************/
  335.  
  336. .useA11y .textEditorInner:focus {
  337.     outline: 2px solid #FF9933;
  338. }
  339.  
  340. .useA11y .a11yFocus:focus,
  341. .useA11y .a11yFocusNoTab:focus,
  342. .useA11y .focusRow:focus{
  343.     outline: 2px solid #FF9933;
  344.     background-color: #FFFFD6;
  345.     z-index: 10000;
  346. }
  347.  
  348. .useA11y :focus .objectLink-sourceLink {
  349.     background-color: transparent;
  350. }
  351.  
  352. .useA11y .objectBox-null:focus,
  353. .useA11y .objectBox-undefined:focus{
  354.     background-color: #888888 !important;
  355. }
  356.  
  357. .offScreen {
  358.     position: fixed;
  359.     left: -10000px;
  360.     width: 1px;
  361.     height: 1px;
  362.     overflow: hidden;
  363. }
  364.  
  365. /************************************************************************************************/
  366. /* These are copies of the classes from debugger.css that start .condition */
  367.  
  368. .notationEditorInner1 {
  369.     padding-left: 37px;
  370.     background: url(noteBorders.png) repeat-y;
  371. }
  372.  
  373. .notationEditorInner2 {
  374.     padding-right: 25px;
  375.     background: url(noteBorders.png) repeat-y 100% 0;
  376. }
  377.  
  378. .notationEditorTop1 {
  379.     background: url(noteCorners.png) no-repeat 100% 0;
  380.     margin-left: 37px;
  381.     height: 35px;
  382. }
  383.  
  384. .notationEditorTop2 {
  385.     position: relative;
  386.     left: -37px;
  387.     width: 37px;
  388.     height: 35px;
  389.     background: url(noteCorners.png) no-repeat;
  390. }
  391.  
  392. .notationEditorBottom1 {
  393.     background: url(noteCorners.png) no-repeat 100% 100%;
  394.     margin-left: 37px;
  395.     height: 33px;
  396. }
  397.  
  398. .notationEditorBottom2 {
  399.     position: relative;
  400.     left: -37px;
  401.     width: 37px;
  402.     height: 33px;
  403.     background: url(noteCorners.png) no-repeat 0 100%;
  404. }
  405.  
  406. .notationCaption {
  407.     padding-top: 3px;
  408.     margin-bottom: 2px;
  409.     font-family: Lucida Grande, sans-serif;
  410.     font-size: 11px;
  411.     color: #226679;
  412. }
  413.  
  414. .notationTitle {
  415.     font-weight: bold;
  416. }
  417.  
  418. .notationTitle.diff {
  419.     font-weight: normal;
  420. }
  421.  
  422. .notationButton {
  423.     float: right;
  424. }
  425.  
  426. .upsideDown {
  427.     margin-top: 2px;
  428. }
  429.  
  430. .upsideDown .notationEditorInner {
  431.     top: -8px;
  432. }
  433.  
  434. .upsideDown .notationEditorInner1 {
  435.     padding-left: 33px;
  436.     background: url(noteBordersUps.png) repeat-y;
  437. }
  438.  
  439. .upsideDown .notationEditorInner2 {
  440.     padding-right: 25px;
  441.     background: url(noteBordersUps.png) repeat-y 100% 0;
  442. }
  443.  
  444. .upsideDown .notationEditorTop1 {
  445.     background: url(noteCornersUps.png) no-repeat 100% 0;
  446.     margin-left: 33px;
  447.     height: 25px;
  448. }
  449.  
  450. .upsideDown .notationEditorTop2 {
  451.     position: relative;
  452.     left: -33px;
  453.     width: 33px;
  454.     height: 25px;
  455.     background: url(noteCornersUps.png) no-repeat;
  456. }
  457.  
  458. .upsideDown .notationEditorBottom1 {
  459.     background: url(noteCornersUps.png) no-repeat 100% 100%;
  460.     margin-left: 33px;
  461.     height: 43px;
  462. }
  463.  
  464. .upsideDown .notationEditorBottom2 {
  465.     position: relative;
  466.     left: -33px;
  467.     width: 33px;
  468.     height: 43px;
  469.     background: url(noteCornersUps.png) no-repeat 0 100%;
  470. }
  471.  
  472. /************************************************************************************************/